html,
body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#app {
    width: 100%;
    height: 100%;
}

/* transition fade-slide */
.fade-slide-leave-active,
.fade-slide-enter-active {
    transition: all 0.3s;
}

.fade-slide-enter-from {
    opacity: 0;
    transform: translateX(-2%);
}

.fade-slide-leave-to {
    opacity: 0;
    transform: translateX(2%);
}

/* 自定义滚动条样式 */
.cus-scroll {
    overflow: auto;
    &::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }
}
.cus-scroll-x {
    overflow-x: auto;
    &::-webkit-scrollbar {
        width: 0;
        height: 8px;
    }
}
.cus-scroll-y {
    overflow-y: auto;
    &::-webkit-scrollbar {
        width: 8px;
        height: 0;
    }
}
.cus-scroll,
.cus-scroll-x
